@import '../../../index.scss';

.container {
  .content {
    padding: 30rpx;
    box-sizing: border-box;

    .list {
      padding-bottom: 20rpx;

      .type {
        font-size: 32rpx;
        padding-bottom: 20rpx;
        font-weight: bold;
        color: #333;
      }

      .cover {
        width: 240rpx;
        height: 240rpx;
        background-color: #f8f8f8;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 20rpx;

        image {
          width: 100%;
          height: 100%;
        }
      }

      .upload {
        width: 240rpx;
        height: 240rpx;
        background-color: #f8f8f8;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 20rpx;

        image {
          width: 30%;
          height: 30%;
          opacity: .6;
        }
      }

      .input {
        border: 1px solid #ccc;
        border-radius: 12rpx;
        overflow: hidden;
      }
    }

    .item {
      margin-top: 30rpx;

      .title {
        font-size: 32rpx;
        font-weight: bold;
        color: #000;
        border-bottom: 1px solid #f8f8f8;
        padding-bottom: 20rpx;
      }

      .lip {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 30rpx 0;

        .txt {
          display: flex;
          align-items: center;
          font-size: 32rpx;
          color: #555;

          image {
            margin-right: 10rpx;
            height: 36rpx;
            opacity: .6;
          }

        }

        image {
          height: 32rpx;
        }
      }

      .btns {
        display: flex;
        align-items: center;
        font-size: 32rpx;
        color: #666;

        .btn {
          margin: 0 10rpx;
          width: 50rpx;
          height: 50rpx;
          // align-items: center;
          text-align: center;
          line-height: 46rpx;
          // justify-content: center;
          font-size: 32rpx;
          box-sizing: border-box;
          // border: 1px solid #ccc;
          border-radius: 12rpx;
          background-color: $primary-color;
          color: #fff;
        }
      }

      .input {
        border: 1px solid #ccc;
        border-radius: 12rpx;
        overflow: hidden;
      }
    }

    .create {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 98rpx;
      background-color: $primary-color;
      color: #fff;
      margin-top: 20rpx;
      border-radius: 10rpx;
      margin-bottom: 60rpx;
    }
  }


}